
<!DOCTYPE html>
<html>

<head>
   
    
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--360浏览器优先以webkit内核解析-->


<title>所属人员每日工作查询</title>

<link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">


    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
   
    </style>

</head>

<body class="white-bg" style="padding: 3px;">
<div class="wrapper wrapper-content animated fadeInRight">
  <form action="" class="form-inline">
 <table class="table">
    <tr>
      <td style="padding:20px "> 
        <h2 class="text-center padding-10">王佳每日工作概览</h2>
        <div class="padding-10 text-center">
          <span style="font-size:16px">工作概览时间段：从</span>
          <div class="form-group">
                     <input type="text" id="start" class="form-control layer-date " style="width:120px;height:30px;display: inline-block;" name="">
          </div>
        <span style="font-size: 16px;">  至</span>
            <div class="form-group">
                   <input type="text" class="form-control layer-date" style="width:120px;height:30px;display: inline-block;" id="end" name="">
             </div>
            <a href="javascript:;" class="btn btn-sm btn-info">导出该时段Excel</a>
        </div>
       </td>
    </tr>
    <tr>
        <td style="border-top:2px solid #f66">
          <div class="text-center padding-10">
            <img src="__STATIC__/layout/img/a7.jpg" alt="" class="img-circle" style="vertical-align: middle;width: 120px;height: 120px"><span style="font-size: 16px;" class="lr_5">王佳</span>
          </div>
          <div class="padding-10 text-center">
            <div class="form-group"><a href="javascript:;" onclick="yesterday()"><i class="fa fa-chevron-circle-left fa-3x"></i><span style="font-size: 16px;display: inline-block;height: 40px;line-height: 40px;float: right;" class="lr_5">前一天</span></a></div>
            <div class="form-group"><input type="text" class="form-control layer-date" name="" id="thisTime" value=""></div>
           <div class="form-group"> <a href="javascript:;"  onclick="tomorrow()"><i class="fa fa-chevron-circle-right fa-3x"><span class="lr_5" style="font-size: 16px; float: left;display: inline-block;height: 40px;line-height: 40px;">后一天</span></i></a></div>
          </div>
        </td>
    </tr>
    <tr>
      <td style="border-top:2px solid #f66"></td>
    </tr>
 </table>
  </form> 
</div>
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
  <script src="__STATIC__/layout/js/contabs_sub.js"></script>

    <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
<script>

      laydate({
         elem:"#thisTime",
         event:"focus"
      })
        //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
      
        laydate(start);
        laydate(end);


 $("#thisTime").val(today(new Date()));
     
    function today(date) {
        var y = date.getFullYear();
        var m = date.getMonth()+1;
        var d = date.getDate();
        return y+"-"+m+"-"+d;
    }
    function yesterday() {
        var val = $("#thisTime").val();
        if (val){
            var date = new Date(val);
            date -= 24*60*60*1000;
            $("#thisTime").val(today(new Date(date)));
        }
    }
    function tomorrow() {
        var val = $("#thisTime").val();
        if (val){
            var date = new Date(val);
            date =date.getTime()+ 24*60*60*1000;
            $("#thisTime").val(today(new Date(date)));
        }
    }

</script>
</body>

</html>